body,
#root,
.ant-design-pro {
  height: 50vh !important;
}

// .dg-enter {
//   transform: translate(100%, 0);
// }

// .dg-enter-active {
//   transition: 3s;
//   transform: translate(0);
// }

// .dg-enter-done {
//   transform: translate(0);
// }

// .dg-exit-active {
//   transition: 1s;
//   transform: translate(-100%, 0);
// }

// .back-enter-active {
//   transition: all 3s;
//   transform: translate(0, 0) !important;
// }

// .back-enter-done {
//   transform: translate(0, 0) !important;
// }

// .back-enter {
//   z-index: 5 !important;
//   transform: translate(-100%, 0);
// }

// .back-exit-active {
//   opacity: 0;
//   transition: all 3s;
//   transform: translate(100%, 0) !important;
// }
.dg-enter {
  /* 位于页面的右侧 */
  transform: translate(100%) scale(0.4) rotate(0deg);
  /* transform: rotate(0deg) */

}

.dg-enter-active {
  transition: 2s;
  transform: translate(0) rotate(0deg)
}

.dg-enter-done {
  transform: translate(0) rotate(0deg);
  /* transform: translateX(360deg) */
}


/* 出场动画过程 */
.dg-exit {
  transform: translate(0)
}

.dg-exit-active {
  transition: 2s;
  transform: translate(-100%)
}

.dg-exit-done {
  transform: translate(-100%)
}

.anticon svg {
  color: #000 !important;
}

main {
  background-color: #eff0f2 !important;
}

.ant-layout-header {
  height: 64px !important;
  padding: 0 !important;
  background-color: #5377b6 !important;

  .ant-pro-top-nav-header {
    .ant-pro-top-nav-header-main {
      padding: 0;

      .ant-pro-top-nav-header-main-left {
        #logo {
          a {
            height: 100%;

            h1 {
              height: 36px;
              display: flex;
            }
          }
        }
      }

      .ant-pro-top-nav-header-menu {
        padding: 0;
        height: 100%;

        ul {
          height: 99% !important;
          display: flex;
          justify-content: flex-end !important;

          .ant-menu-item-selected {
            border-radius: none !important;
            background-color: #839ecc !important;
            color: #839ecc !important;
          }

          li {
            border-radius: 0 !important;
          }

          // 设置未选中菜单项鼠标滑过样式
          .ant-menu-item-active {
            background-color: #839ecc !important;
            color: #839ecc !important;
          }

          .ant-menu-overflow-item {
            height: 100%;
            margin: 0 3px;
            padding: 0 10px;

            .ant-menu-title-content {
              display: flex;
              height: 100% !important;

              div {
                >a {
                  height: 100% !important;
                  display: flex;

                  .ant-pro-base-menu-item-title {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;

                    span {
                      display: flex;
                    }

                    .anticon {
                      flex-direction: column;
                      display: flex;
                      flex: 1;
                      width: 30px;
                      height: 30px;
                      padding-top: 7px;

                      span {
                        svg {
                          display: flex;
                          flex: 1;
                          width: 30px;
                          height: 30px;
                        }
                      }
                    }

                    .ant-pro-base-menu-item-text {
                      margin: 0;
                      font-size: 12px;
                      height: 30px;
                      line-height: 30px;
                      color: #ffffff;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.ant-layout-content {
  height: 34px !important;
}

.ant-pro-page-container {
  height: 34px !important;
  margin-bottom: 8px !important;

  .ant-page-header {
    .ant-page-header-footer {
      height: 100%;
      margin: 0;

      .ant-tabs {
        height: 100%;

        .ant-tabs-nav {
          height: 100%;

          .ant-tabs-nav-wrap {
            .ant-tabs-nav-list {
              .ant-tabs-tab-active {
                border-width: 80%;
                border-bottom: 2px solid #5377b6 !important;
                margin: 0 !important;
                border-right: none;
                border-left: none;

                div {
                  font-weight: bold !important;
                }
              }

              .ant-tabs-tab {
                margin: 0 !important;
                border: none;

                div {
                  color: #444;
                  font-size: 13.5px;
                  font-weight: normal;
                  margin: 0 !important;
                }
              }
            }
          }
        }
      }
    }

    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff;
  }
}

.ant-layout-sider-children {
  padding: 0 !important;
}

.ant-layout-sider {
  padding-top: 8px;
  background-color: #fff !important;

  div {
    .ant-menu {
      width: 80%;

      li {
        margin: 0 !important;
        color: #000;
        padding-right: 0 !important;
      }

      li:hover {
        background-color: #fff !important;

        .ant-menu-title-content {
          color: #5377b6;
        }
      }

      .ant-menu-item-selected {
        background-color: #eaf2ff !important;
        color: #5377b6;

        .ant-menu-title-content {
          div:hover {
            // '--background': "red"
          }
        }
      }
    }
  }
}

.ant-pro-sider-logo {
  padding: 0 !important;
}

.mleft {
  width: 100%;
  height: 140px;
  display: flex;
  flex-direction: column;

  .logotitle {
    display: flex;
    flex: 1;
    padding: 15px 13px;

    img {
      width: 73px;
      height: 78px;
    }

    dl {
      padding-left: 15px;
      margin: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      dd {
        margin: 0;
        color: #000;
      }

      dd:hover {
        color: rgba(0, 0, 0, 0.5);
      }
    }
  }

  h4 {
    height: 33px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin: 0;
    border-top: 2px solid #d5d9dc;
    border-bottom: 2px solid #d5d9dc;
    text-indent: 20px;
  }
}

.ant-pro-card-body {
  padding: 0 !important;
}

.ant-modal-header {
  background-color: #5377b6;
  padding: 11px 24px;
}

.anticon {
  color: white;
}

.ant-modal-title {
  color: white;
}

.ant-modal-footer {
  border: none;
}

.ant-modal-content .ant-modal-header {
  height: 55px !important;
  display: flex;
  align-items: center;
  background-color: #5377b6;
}

.ant-modal-content {
  width: 400px !important;
}

// ul
.ul_placeholder {
  background-color: #ffffff;
  width: 400px;
  height: 240px;
  list-style: none;

  li {
    width: 100%;
    height: 100px;
    margin-bottom: 5%;
  }
}

.ant-modal-close-x:hover {
  background-color: red;
  height: 44px;
}

.ant-modal-content {
  width: 583px;
  height: auto;
}

.ant-modal {
  margin-top: 4%;
}

#boby {
  position: relative;
}

.info_layouts {
  position: absolute;
  // z-index: 3;
  right: 0;
  // bottom: 0
  background: red;
  bottom: 0;
}
:where(.css-dev-only-do-not-override-17w5757).ant-pro .ant-pro-layout .ant-pro-sider .ant-menu .ant-menu-item-group-title {
}